<template>
    <el-pagination v-model:current-page="list.page" v-model:page-size="list.count" :page-sizes="[5, 10, 15, 20]"
        layout="total, sizes, prev, pager, next, jumper,slot" :total="res.total" @size-change="handleSizeChange"
        @current-change="handleCurrentChange" />
</template>

<script lang='ts' setup>
import { LabelSearchType, LabelReaultType } from '@/types/ccc/lable'
const emit = defineEmits<{ (e: 'changeCount', arg: number): void, (e: 'changePage', arg: number): void }>()
defineProps<{ list: LabelSearchType, res: LabelReaultType }>()


const handleSizeChange = (arg: number) => {
    // console.log(arg);
    emit('changeCount', arg)

}
const handleCurrentChange = (arg: number) => {
    // console.log(arg);
    emit('changePage', arg)

}
</script>

<style lang='scss' scoped>
.el-pagination {
    margin: 10px 30%;
}
</style>@/types/ccc/lable